.container {
  display: flex;
  height: var(--artist-item-height);
  align-items: center;
  overflow: hidden;
}

.name {
  color: var(--artist-name-color);
  flex: 1;
  font-size: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 3px;
  cursor: pointer;
}

.folderContainer {
  height: var(--artist-item-height);
  color: var(--artist-folder-bg-color);
}

.count {
  position: relative;
  top: -30px;
  text-align: center;
  font-size: 16px;
  color: var(--artist-name-color);
}

.iconChevron {
  position: relative;
  top: -34px;
  text-align: center;
  color: var(--text-color);
}

.hasStarred .folderContainer {
  color: var(--artist-folder-starred-bg-color);
  filter: var(--artist-folder-starred-filter);
}

.hasStarred .iconChevron,
.hasStarred .count {
  color: #000;
}

.animateGlow {
  animation: var(--animation-text-shadow-glow);
}

.isChildQueued {
  color: var(--queued-item-color);
  text-shadow: var(--queued-item-text-shadow);
}
